v5.29.1

Compare Source

Fixed

• Fieldset: Fixed aria-describedby resolution to correctly reference helper text and error text IDs
• Floating Panel:
  • Fixed resize trigger issue with n axis by explicitly setting top: 0
  • Fixed draggable and resizable options not being respected when set to false
• Presence: Fixed regression where UNMOUNT transition might not be called consistently

v5.29.0

Compare Source

Added

• Carousel, Color Picker, Combobox, Date Picker, Select: Added value to OpenChangeDetails for better context
  when handling open state changes
• Carousel: Added support for autoSize prop to allow variable width/height slide items
• Splitter:
  • Added Splitter.ResizeTriggerIndicator to render an indicator when resizing
  • Exported getLayout and getSplitterLayout functions for calculating splitter panel layouts
• Toast: Exposed viewport offset as CSS variables on the toast group element

Fixed

• Carousel:
  • Fixed dragging behavior that stops working after switching browser tabs or scrolling the page
  • Fixed dragging not working after scrolling with mouse wheel when allowMouseDrag is enabled
• Combobox: Fixed onHighlightChange not being invoked when collection is filtered to empty
• Date Picker: Fixed issue where the range date picker crashes when typing the end date first and blurring the input
  field multiple times
• File Upload: Fixed issue where clicking on non-interactive children inside the dropzone doesn't open the file
  picker
• Presence: Fixed a bug where elements get stuck in unmountSuspended state during rapid state updates
• Radio Group:
  • Fixed inconsistent application of data-focus-visible and data-focus attributes
  • Fixed indicator prematurely showing when rect has not been resolved yet (with Tabs)
• Splitter: Fixed disabled splitter showing resize cursor and allowing dragging
• Tabs:
  • Fixed indicator prematurely showing when rect has not been resolved yet (with Radio Group)
  • Fixed tabs indicator position not updating when inactive tabs change size
• Tags Input: Fixed issue where item delete trigger doesn't have data-* attached

v5.28.0

Compare Source

Added

• General: Exported InteractOutsideEvent, FocusOutsideEvent, and PointerDownOutsideEvent types for better type
  safety
• Carousel:
  • Added Carousel.AutoplayIndicator component for conditionally rendering content based on autoplay state
  • Added Carousel.ProgressText component for displaying current page progress (e.g., "1 / 5")
• Toast: Exported ToastOptions and ToastStoreProps types for better type safety

Changed

• useListCollection: Updated initialItems to accept readonly arrays for better compatibility with immutable data
  patterns.

Fixed

• Combobox:
  • Fixed focus stealing in controlled open mode
  • Removed problematic aria-hidden behavior to allow interaction with other page elements

v5.27.1

Compare Source

Fixed

• Dialog, Popover: Improved shadow DOM support for interact outside and focus trap detection
• Marquee: Fixed Firefox flicker and added GPU acceleration
• Dialog: Fixed layout shift issue when using scrollbar-gutter: stable in CSS
• Slider: Fixed onValueChangeEnd callback not triggering for programmatic value changes

v5.27.0

Compare Source

Added

• Marquee [New]: Initial release of marquee component for continuously scrolling content

Fixed

• Angle Slider: Resolved an issue where dragging the thumb from non-center positions caused unexpected value jumps.
  The thumb now maintains consistent positioning relative to the initial click point.

• Slider: Fixed a problem where the thumb offset shifted dynamically during dragging, resulting in value jumps. The
  offset now remains constant from the pointer throughout the drag operation.

• Date Picker: Resolved a crash in the range date picker occurring when users typed the end date first by
  implementing null/undefined checks for date property access.

• Radio Group: Reverted to offsetLeft/offsetTop calculations to restore correct indicator positioning within
  scrollable container contexts.

• Tabs: Reverted to offsetLeft/offsetTop calculations to fix indicator positioning issues in scrollable
  containers.

• Tour:

  • Corrected improper effect cleanup procedures
  • Fixed wait step functionality
  • Added step validation on mount to verify configuration validity

v5.26.2

Compare Source

Fixed

• Angle Slider: Fix accessibility violation where the slider thumb element lacked an accessible name. The thumb now
  supports aria-label and aria-labelledby props, and automatically falls back to the label element's ID for proper
  ARIA labeling.

• Select: Fix accessibility violation where the required state was not set correctly to on the trigger.

• Tags Input: Fix issue where entering a custom tag with combobox integration required pressing Enter twice. The
  tags-input now correctly handles custom values when the combobox has no highlighted item (aria-activedescendant is
  empty), allowing the tag to be added on the first Enter press.

v5.26.1

Compare Source

Fixed

• Checkbox

  • Fix issue where setting initial checked state to indeterminate doesn't work
  • Ensure api.checkedState returns the correct checked state (boolean | "indeterminate")

• Collapsible: Fix issue where dir prop value was hardcoded to ltr instead of using the provided value

• Combobox: Fix issue where controlled single-select combobox does not propagate its initial value to inputValue

• Listbox: Fix issue where pressing Enter key when no highlighted item still calls event.preventDefault()

• Radio Group: Refactor to use getBoundingClientRect() for precise indicator positioning

• Slider

  • Fix issue where slider could stop abruptly when scrubbing thumb
  • Fix issue where range slider thumbs become stuck when dragged to the same position without minStepsBetweenThumbs

• Tabs: Refactor to use getBoundingClientRect() for precise indicator positioning

• Tags Input: Fix issue where maxLength doesn't apply to the edit input as well

v5.26.0

Compare Source

Added

• Collapsible: Add support for collapsedHeight and collapsedWidth props to control the dimensions of the
  collapsible content when in its collapsed state.

• Focus Trap: Allow elements referenced by aria-controls to be included in the trap scope. This makes it possible
  for menus, popovers, etc. to be portalled and work correctly.

• Pagination: Add getPageUrl prop for generating href attributes when using pagination as links.

const service = useMachine(pagination.machine, {
  type: 'link',
  getPageUrl: ({ page, pageSize }) => `/products?page=${page}&size=${pageSize}`,
})

• Select: Add SelectRootComponentProps type export for better component type composition.

• Listbox: Add ListboxRootComponentProps type export for better component type composition.

• Combobox: Add ComboboxRootComponentProps type export for better component type composition.

• TreeView:

  • Add TreeViewRootComponentProps type export for better component type composition.
  • (Experimental) Add support for node renaming functionality:
    • Add TreeViewNodeRenameInput component for inline node label editing
    • Add canRename prop to control which nodes can be renamed
    • Add onRenameStart, onBeforeRename, and onRenameComplete callbacks for rename lifecycle
    • Add CheckedChangeDetails, LoadChildrenErrorDetails, RenameStartDetails, and RenameCompleteDetails type
      exports

Fixed

• Scroll Area: Fix RTL horizontal scrollbar positioning on Safari

• Slider: Fix issue where slider continues dragging when disabled during drag operation.

• Switch: Fix issue where data-active is inconsistently applied when disabled state changes at runtime

v5.25.1

Compare Source

Fixed

• Date Picker

  • Fix issue where year range picker doesn't show the hovered range
  • Fix issue where quarter presets returns incorrect date

• FormatByte: Add support for unitSystem property to allow changing between decimal (1000 bytes) and binary (1024
  bytes) systems.

• Number Input: When formatOptions is used (like style: "currency"), the cursor would jump to the end of the
  input when typing in the middle. The cursor now maintains its relative position during formatting changes.

• Pin Input: Fix issue where using the keyboard shortcuts Cmd+Backspace and Cmd+Delete to delete text in pin
  inputs would insert "undefined" instead of clearing the field.

• Scroll Area: Fix issue where resize tracking was not observing the root element, which caused the scrollbar to not
  update when the root element's size changed.

v5.25.0

Compare Source

Added

• Added mergeProps utility for combining multiple props objects with proper event handler and className merging.
• Added createContext utility for creating typed React contexts with improved DX.

import { createContext } from '@​ark-ui/react/utils'

Fixed

• AngleSlider: Export angleSliderAnatomy from the anatomy exports

v5.24.1

Compare Source

Fixed

• General: Fix issue where mergeProps throws when props is undefined or null

v5.24.0

Compare Source

Added

• Combobox: Add alwaysSubmitOnEnter prop to allow bypassing the default two-step behavior (Enter to close
  combobox, then Enter to submit form) and instead submit the form immediately on Enter press. This is useful for
  single-field autocomplete forms where Enter should submit the form directly.

• Dismissable: Add support for layer types in dismissable layer stack. Layers can now be categorized as dialog,
  popover, menu, or listbox. This enables:

  • data-nested attribute on nested layers of the same type
  • data-has-nested attribute on parent layers with nested children of the same type
  • --nested-layer-count CSS variable indicating the number of nested layers of the same type

Changed

• Hover Card: Change default delay values for hover card to improve accessibility.

  • openDelay: from 700ms to 600ms

• Tooltip: Change default delay values for tooltip to improve accessibility.
  Learn more

  • openDelay: from 1000ms to 400ms
  • closeDelay: from 500ms to 150ms

Removed

• TimePicker: The TimePicker component has been removed from this release. This component was never part of the
  public API and was considered experimental. It had significant bugs and usability issues across all frameworks and
  locales, making it unsuitable for production use.

  Migration: We recommend building a custom time picker using the Select component for simple use cases, or
  implementing a time grid pattern for more complex scenarios.

Fixed

• Editable: Allow text selection in editable preview when autoResize is enabled

  Previously, when autoResize was set to true, the preview element had userSelect: "none" applied, preventing
  users from selecting text. This has been fixed by removing the userSelect style property.

• File Upload: Fix regression where clicking the trigger doesn't open the file picker when used within the dropzone

• Menu:

  • Fix issue where keyboard activation of menu items with target="_blank" would open two tabs
  • Fix issue where hovering a partially visible item with pointer causes it to scroll into view

• Tabs: Fix issue where ids for item and content could not be customized

• Toast: Allow creating a toast store without any arguments

v5.23.0

Compare Source

Added

• Field: Add data-required attribute to Field.Label
• Select, Combobox, Listbox, TreeView: Export RootComponent and RootProviderComponent types which are useful
  when building compositions that wrap the Root and RootProvider components and you still want type-safety for the
  collection.

Fixed

• Menu: Fix Menu.ItemText not working inside Menu.TriggerItem

  import { Select } from '@​ark-ui/react/select'
  import { styled } from 'styling-lib'
  
  const Root = styled(Select.Root) as Select.RootComponent<{}>

v5.22.0

Compare Source

Added

• Combobox: Add ComboboxEmpty component to display content when the combobox has no items

• Listbox: Add ListboxEmpty component to display content when the listbox has no items

• Hover Card: Add support for disabled prop

Fixed

• Collection: Fix issue where disabled items could be reached via typeahead

• Color Picker: Fix issue where color picker was not working correctly in RTL mode

• Date Picker: Fix issue where datepicker doesn't revert to a valid value when the input value exceeds the min/max
  and blurred

• Dismissable: Expose onRequestDismiss custom event handler for event a parent layer requests the child layer to
  dismiss. If prevented via event.preventDefault(), the child layer will not dismiss when the parent layer is
  dismissed.

• Number Input

  • Omit the input pattern when formatOptions is provided. This prevents native pattern validation from conflicting
    with formatted values (e.g., currency or percent).
  • Handle empty values consistently across all format options.
  • Add data-scrubbing attribute to the number input parts.

• Tags Input: Fix issue where highlighted item doesn't clear when tabbing out of the input to an external button
  within the control part.

• Tooltip

  • Set closeOnPointerdown to false when closeOnClick is set to false
  • Reduce bundle size by replacing @zag-js/store dependency with a lightweight store implementation.

v5.21.0

Compare Source

Added

• Hooks: Add useAsyncList and useCollator hooks for managing asynchronous list operations and locale-aware
  string comparison
• Toast: Export type definitions ToastActionOptions, ToastPlacement, ToastPromiseOptions, ToastStatus,
  ToastStatusChangeDetails, and ToastType

Changed

• Fieldset
  • Update Legend component to render as div instead of legend element for improved styling flexibility
  • Add aria-labelledby attribute to fieldset root for better accessibility by linking to legend

Fixed

• Date Picker

  • Clear hovered range state after completing range selection instead of waiting for pointer to leave the calendar
    area.
  • Fix issue where month and year select labels don't update correctly when using min/max constraints.
  • Expose disabled on api.getMonths() and api.getYears() results to indicate options out of range for current
    constraints.

• Listbox

  • Fix issue where first enabled item should be highlighted by default when listbox receives focus and no item is
    currently highlighted.
  • Add getElement to scrollToIndexFn details
  • Track collection changes and clear highlightedValue if the item is no longer in the collection.

• Scroll Area

  • Avoid detecting hover state from portalled descendants.
  • Add data-dragging attribute to scroll area parts.

• Select: Add getElement to scrollToIndexFn details

• Combobox: Add getElement to scrollToIndexFn details

• Tabs: Fix inconsistent keyboard navigation where TabPanel intermittently receives focus before focusable elements

v5.20.0

Compare Source

Added

• Highlight Word: Add exactMatch option that enables whole-word matching using regex word boundaries.

Fixed

• Menu: Fix context menu repositioning logic

• ScrollArea: Add data-hover to scroll area

v5.19.0

Compare Source

Added

• ScrollArea [NEW]: Add support for new scroll area component.

Fixed

• ListCollection

  • Avoid recomputing groups on every call to at() and indexOf()
  • Fixed bug in find() method (was checking != null instead of !== -1)

• GridCollection: Avoid recomputing rows on every call to getRows()

• Menu

  • Add data-state attribute for context menu trigger
  • Fix context menu positioning bug where reopening at the same coordinates fails to reposition

v5.18.4

Compare Source

Fixed

• Listbox: Add support for navigating grid collections

• Carousel:

  • Fix an issue where the carousel would not update when slideCount or autoplay props change.
  • Fix an issue where loop: false was ignored when using autoplay. Now, the carousel will stop when it gets to the
    last slide.

• Date Picker: Expose data-inline attribute on Content part to enable distinct styling for inline date pickers
  versus popover date pickers.

• Menu: Fix issue where onCheckedChange could be called twice on checkbox or radio item

• Radio Group: Fixed issue where arrow key navigation doesn't apply data-focus-visible on the newly focused item.

• TagsInput: Export InputValueChangeDetails type

Changed

• Async List: Improve type inference for descriptors

v1.17.2

Compare Source

This patch release is all about Qwik City.

🐞 Fixes:

• SPA routing works regardless of origin mismatch
  Fixed #​8093: SPA navigation was broken when the visited origin (e.g., 127.0.0.1:3000) differed from the SSG/Vite config origin (e.g., localhost:3000).
  useNavigate's internal origin check now uses the browser's actual href for the initial route, preventing false full-page reloads.
  by @​termermc in #​8097
• this context restored in Qwik City handlers
  this inside route loaders, actions, and other handlers is once again the correct RequestEvent object.
  by @​wmertens in #​8111

These are subtle but important fixes and we recommend upgrading ASAP.

v1.17.1

Compare Source

Patch Changes

• 🐞🩹 the bunding won't lead to circular dependencies in qwik-astro apps anymore. (by @​maiieul in #​8052)

• ✨ The optimizer is now built with a recent Rust toolchain. Fresher bits! (by @​wmertens in #​8040)

v1.17.0

Compare Source

Minor Changes

• 🐞🩹 Qwik now leverages Rollup's new output.onlyExplicitManualChunks feature, which improves preloading performance and reduces cache invalidation for a snappier user experience. (by @​maiieul in #​7982)

• ✨ the qwikloader can now be inlined again if required (for testing or specific network conditions). Pass qwikLoader: 'inline' to the render options. (by @​wmertens in #​8008)

Patch Changes

• 🐞🩹 The Deno integration now builds successfully with version v2.4.3 and above. (by @​gioboa in #​7913)

• TEST: qwik react mount and unmount (by @​sashkashishka in #​7950)

• 🐞🩹 solve type error when using async _resolved function (by @​JerryWu1234 in #​7426)

• 🐞🩹 Click-to-Component is now more reliable across platforms (by @​wmertens in #​7923)

• 🛠 add qwik react e2e test runs to ci (by @​sashkashishka in #​7952)

v1.16.1

Compare Source

Patch Changes

• 🐞🩹 The entry.ssr renderToStream preloader.preloadProbability option is now deprecated because this could cause performance issues with bundles fetched on click instead of being preloaded ahead of time. (The preloader still relies on probabilities to know preload the most likely bundles first) (by @​maiieul in #​7847)

• 🐞🩹 Link prefetch now always preloads Link prefetch bundles on monorepos (by @​maiieul in #​7835)

• 🐞🩹 Rollup's hoistTranstiveImports is now set to false because the hoisting added unnecessary bundles to be preloaded to the bundle-graph static imports graph. This could lead to a suboptimal preloading experience. (by @​maiieul in #​7850)

• 🛠 Add check-client command to verify bundle freshness (by @​JerryWu1234 in #​7517)

• ✨ All qwik packages are now marked as side effect free in their package.json. This should remove a few unecessary empty imports added by rollup and then not tree-shaken like import "./preloader.js". (by @​maiieul in #​7908)

• 🐞🩹 unmount qwikify react root alongside with qwik component (by @​sashkashishka in #​7864)

• 🐞🩹 preloader now preloads bundles as long as they are part of the current viewport's bundles graph, even if their probability is very small (by @​maiieul in #​7836)

• ✨ maxIdlePreloads is now constant over time so you know for sure how many bundles will be preloaded concurrently during idle. (by @​maiieul in #​7846)

• 🛠 use patched domino instead of qwik-dom (by @​gioboa in #​7842)

• 🐞🩹 Qwik is now smarter at bundling non QRL source files and qwik libraries modules (e.g. helpers, enums, inline components, etc.) together. (by @​maiieul in #​7888)

v1.16.0

Compare Source

Minor Changes

• ✨ bump Vite to v7 (by @​gioboa in #​7762)

Patch Changes

• 🐞🩹 Keeping the service worker components now properly unregisters them. (by @​maiieul in #​7781)

• 🛠 remove a grace period before unregistering events from qwikloader (by @​Varixo in #​7818)

• 🐞🩹 Keeping the service worker components now also removes their associated Cache storage. (by @​maiieul in #​7782)

• 🐞🩹 fix up open in editor feature (by @​LazyClicks in #​7785)

• 🐞🩹 SSR was missing some places with nonce for CSP. Now CSP should work even when strict-dynamic (by @​wmertens in #​7776)

v1.15.0

Compare Source

Minor Changes

• 🐞🩹 the preloader bundle graph file is now built as an asset. This is cleaner and avoids i18n translation of the file. (by @​wmertens in #​7650)

Patch Changes

• 🐞🩹 Use correct working directory for Deno environment (by @​siguici in #​7699)

• ⚡ the qwikloader is no longer embedded in the SSR results. Instead, the same techniques are used as for the preloader to ensure that the qwikloader is active as soon as possible, loaded from a separate bundle. This reduces SSR page size by several kB end ensures that subsequent qwikloader loads are nearly instant. (by @​wmertens in #​7613)

• 🐞🩹 Removed backdrop-filter of vite-error-overlay to prevent perf issues with multiple errors (by @​intellix in #​7676)

• 🐞🩹 assetsDir and debug:true will no longer break your application. (by @​maiieul in #​7638)

• 🐞🩹 We now also output the preloader as .cjs for non esm environments (e.g. jest 29 and below). (by @​maiieul in #​7736)

• 🐞🩹 cypress component tests became slow in 1.9.1. This is now fixed. (by @​maiieul in #​7736)

• ✨ q-manifest.json now also includes the generated assets (by @​wmertens in #​7650)

• 🐞🩹 support q-manifest resolution under Bun runtime (#​7565) (by @​siguici in #​7669)

• 🐞🩹 set correct script type for qwik loader (by @​Varixo in #​7710)

• 🛠 update devDependencies and configurations (by @​JerryWu1234 in #​7695)

v1.14.1

Compare Source

v1.14.0

Compare Source

Minor Changes

• ✨ Major improvements to prefetching with automatic bundle preloading (by @​wmertens in #​7453)

  • This removes the need for service workers, and instead utilize modulepreload link tags for better browser integration.
  • Improves initial load performance by including dynamic imports in the prefetch
  • Reduces complexity while maintaining similar (and even better) functionality
  • Enables some preloading capabilities in dev mode (SSR result only)
  • Includes path-to-bundle mapping in bundle graph (this improves the experience using the <Link> component, AKA "single page app" mode)
  • Server now has built-in manifest support (so no need to pass manifest around)
  • Moves insights-related build code to insights plugin

  ---

  ⚠️ ATTENTION:

  • Keep your service worker code as is (either <ServiceWorkerRegister/> or <PrefetchServiceWorker/>).
  • Configure your server to provide long caching headers.

  Service Worker:

  This new implementation will use it to uninstall the current service worker to reduce the unnecessary duplication.

  The builtin service workers components are deprecated but still exist for backwards compatibility.

  ⚠️ IMPORTANT: Caching Headers:

  The files under build/ and assets/ are named with their content hash and may therefore be cached indefinitely. Typically you should serve build/* and assets/* with Cache-Control: public, max-age=31536000, immutable.

  However, if you changed the rollup configuration for output filenames, you will have to adjust the caching configuration accordingly.

  ---

  You can configure the preload behavior in your SSR configuration:

  // entry.ssr.ts
  export default function (opts: RenderToStreamOptions) {
    return renderToStream(<Root />, {
      preload: {
        // Enable debug logging for preload operations
        debug: true,
        // Maximum simultaneous preload links
        maxIdlePreloads: 5,
        // Minimum probability threshold for preloading
        preloadProbability: 0.25
        // ...and more, see the type JSDoc on hover
      },
      ...opts,
    });
  }

Optional for legacy apps:

For legacy apps that still need service worker functionality, you can add it back using:

</details>

---

### Configuration

📅 **Schedule**: Branch creation - Between 12:00 AM and 03:59 AM, only on Monday ( * 0-3 * * 1 ) in timezone UTC, Automerge - At any time (no schedule defined).

🚦 **Automerge**: Enabled.

♻ **Rebasing**: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

👻 **Immortal**: This PR will be recreated if closed unmerged. Get [config help](https://redirect.github.com/renovatebot/renovate/discussions) if that's undesired.

---

 - [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check this box

---

This PR was generated by [Mend Renovate](https://mend.io/renovate/). View the [repository job log](https://developer.mend.io/github/chakra-ui/panda).
<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiI0MS4xNDMuMSIsInVwZGF0ZWRJblZlciI6IjQyLjE5LjkiLCJ0YXJnZXRCcmFuY2giOiJtYWluIiwibGFiZWxzIjpbImRlcGVuZGVuY2llcyJdfQ==-->